<template>
	<div class="hello">



		<div class="login-boxtitle">
			<a href="home/demo"><img alt="" src="../assets/images/logobig.png"></a>
		</div>

		<div class="res-banner">
			<div class="res-main">
				<div class="login-banner-bg"><span></span><img src="../assets/images/big.jpg"></div>
				<div class="login-box">

					<div class="am-tabs" id="doc-my-tabs">
						<ul class="am-tabs-nav am-nav am-nav-tabs am-nav-justify">
							<li class="am-active"><a href="">邮箱注册</a></li>
							<li><a href="">手机号注册</a></li>
						</ul>

						<div class="am-tabs-bd" style="touch-action: pan-y; user-select: none;">
							<div class="am-tab-panel am-active">
								<form method="post">

									<div class="user-email">
										<label for="email"><i class="am-icon-envelope-o"></i></label>
										<input type="email" name="" id="email" placeholder="请输入邮箱账号">
									</div>
									<div class="user-pass">
										<label for="password"><i class="am-icon-lock"></i></label>
										<input type="password" name="" id="password" placeholder="设置密码">
									</div>
									<div class="user-pass">
										<label for="passwordRepeat"><i class="am-icon-lock"></i></label>
										<input type="password" name="" id="passwordRepeat" placeholder="确认密码">
									</div>

								</form>

								<div class="login-links">
									<label for="reader-me">
										<input id="reader-me" type="checkbox"> 点击表示您同意商城《服务协议》
									</label>
								</div>
								<div class="am-cf">
									<input type="submit" name="" value="注册" class="am-btn am-btn-primary am-btn-sm am-fl">
								</div>

							</div>

							<div class="am-tab-panel">
								<form method="post">
									<div class="user-phone">
										<label for="phone"><i class="am-icon-mobile-phone am-icon-md"></i></label>
										<input type="tel" name="" id="phone" placeholder="请输入手机号">
									</div>
									<div class="verification">
										<label for="code"><i class="am-icon-code-fork"></i></label>
										<input type="tel" name="" id="code" placeholder="请输入验证码">
										<a class="btn" href="javascript:void(0);" onclick="sendMobileCode();" id="sendMobileCode">
											<span id="dyMobileButton">获取</span></a>
									</div>
									<div class="user-pass">
										<label for="password"><i class="am-icon-lock"></i></label>
										<input type="password" name="" id="password" placeholder="设置密码">
									</div>
									<div class="user-pass">
										<label for="passwordRepeat"><i class="am-icon-lock"></i></label>
										<input type="password" name="" id="passwordRepeat" placeholder="确认密码">
									</div>
								</form>
								<div class="login-links">
									<label for="reader-me">
										<input id="reader-me" type="checkbox"> 点击表示您同意商城《服务协议》
									</label>
								</div>
								<div class="am-cf">
									<input type="submit" name="" value="注册" class="am-btn am-btn-primary am-btn-sm am-fl">
								</div>

								<hr>
							</div>

						</div>
					</div>

				</div>
			</div>

			<!--页脚 -->
			<Footer></Footer>
		</div>
	</div>
</template>

<script>
	require('amazeui/dist/js/amazeui.min.js')

	import Footer from '@/components/Footer.vue'

	export default {
		name: 'HelloWorld',
		props: {
			msg: String
		},
		components: {
			Footer
		},
		mounted() {
			$(function() {
				$('#doc-my-tabs').tabs();
			})
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
	@import url("../../node_modules/amazeui/dist/css/amazeui.min.css");
	@import url("../assets/css/dlstyle.css");
</style>
